html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,textarea,input{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
text-decoration:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
ol,ul{
list-style:none
}
blockquote,q{
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none
}
table{
border-collapse:collapse;
border-spacing:0
}
a{
color:inherit
}
h1{
display:block;
color:#fff;
margin:0;
font-family:'Open sans',sans-serif;
font-size:32px;
font-weight:300
}
h2{
display:block;
color:#fff;
margin:0;
font-family:'Open sans',sans-serif;
font-size:22px;
font-weight:300
}
h3{
display:block;
color:#404040;
margin:0;
font-family:'Open sans',sans-serif;
font-size:14px;
font-weight:300
}
h4{
display:block;
color:#fff;
margin:0;
font-family:'Open sans',sans-serif;
font-size:13px;
font-weight:300;
line-height:18px
}
p{
display:block;
color:#fff;
margin:0;
font-family:'Open sans',sans-serif;
font-size:13px;
font-weight:300;
line-height:18px
}
label{
display:block;
color:#fff;
margin:0;
font-family:'Open sans',sans-serif;
font-size:16px;
font-weight:400
}
span{
display:block;
color:#404040;
margin:0;
font-family:'Open sans',sans-serif;
font-size:14px;
font-weight:300
}
.clear-1{
width:260px;
height:305px
}
.clear-2{
width:540px;
height:305px
}
.clear-3{
width:820px;
height:305px
}
.portfolio-item{
width:260px;
height:260px
}
#wrap{
position:relative;
max-width:820px;
padding:50px 0;
margin:0 auto;
clear:both
}
body{
background:url(http://divadel.ru/images/background/bcg.jpg) no-repeat;
background-size:100% auto;
line-height:1em
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
}
.clearfix{
display:inline-block
}
* html .clearfix{
height:1%
}
.clearfix{
display:block
}
#soc-icons ul{
position:relative;
display: block;
overflow: hidden;
margin-bottom: 20px
}
#soc-icons ul li{
margin-right:10px;
float:left
}
#soc-icons ul li a{
display:block;
width:30px;
height:30px;
background-position:0 -30px;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s
}
#soc-icons ul li a:hover{
background-position:0 0
}
#facebook a{
background-image:url(http://divadel.ru/images/soc-icons/facebook.png)
}
#twitter a{
background-image:url(http://divadel.ru/images/soc-icons/twitter.png)
}
#linkedin a{
background-image:url(http://divadel.ru/images/soc-icons/linkedin.png)
}
#google a{
background-image:url(http://divadel.ru/images/soc-icons/google.png)
}
#logo{
position:relative;
background:url(http://divadel.ru/images/logo.png) #fff no-repeat 0 0;
background-size:110px 110px;
margin-right:20px;
padding: 8px;
float:left;
height: 100px
}
#title h1{
position:relative;
font-weight:normal;
color:#404040;
font-weight:700
}
#description{
position:relative;
}
#menu,#menu-items{
position:relative;
}
#menu-items .label{
position:absolute;
top:0;
width:100%;
height:25px;
background:#fff
}
#menu-items .bot-label{
position:absolute;
bottom:0;
width:100%;
height:25px
}
#menu-items .bot-label span{
display:block;
color:#fff;
opacity:0.7;
margin-left:5px;
margin-top:7px;
font-family:'Open sans',sans-serif;
font-size:12px;
font-weight:500;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out
}
#menu-items .menu-item{
list-style:none;
position:relative;
width:120px;
height:120px;
margin-right:20px;
float:left;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out
}
#menu-items .menu-item:hover .bot-label span{
opacity:1.0
}
#menu-items .menu-item:last-child{
margin-right:0
}
#menu-items .menu-item a{
position:relative;
display:block;
height:100%;
width:100%
}
#menu-items .menu-item h3{
position:absolute;
bottom:5px;
left:5px;
text-transform:uppercase;
font-weight:400
}
#menu-items .menu-about{
background:url(http://divadel.ru/images/icons/about.png) no-repeat #00aeef center;
background-size:60px 60px
}
#menu-items .menu-about .label{
border-bottom:1px solid #00a1dd;
background-color:#fff
}
#menu-items .menu-about .bot-label{
background-color:#00a1dd
}
#menu-items .menu-about:hover{
background-color:#20bffa
}
#menu-items .menu-portfolio{
background:url(http://divadel.ru/images/icons/portfolio.png) no-repeat #71aa00 center;
background-size:60px 60px
}
#menu-items .menu-portfolio .label{
border-bottom:1px solid #659800
}
#menu-items .menu-portfolio .bot-label{
background-color:#659800
}
#menu-items .menu-portfolio:hover{
background-color:#7ab800
}
#menu-items .menu-resume{
background:url(http://divadel.ru/images/icons/resume.png) no-repeat #f3a231 center;
background-size:60px 60px
}
#menu-items .menu-resume .label{
border-bottom:1px solid #e19323
}
#menu-items .menu-resume .bot-label{
background-color:#e19323
}
#menu-items .menu-resume:hover{
background-color:#ffb141
}
#menu-items .menu-contacts{
background:url(http://divadel.ru/images/icons/contacts.png) no-repeat #404040 center;
background-size:60px 60px
}
#menu-items .menu-contacts .label{
border-bottom:1px solid #303030
}
#menu-items .menu-contacts .bot-label{
background-color:#303030
}
#menu-items .menu-contacts:hover{
background-color:#555555
}
.data-wrap{
display:block;
position:relative;
margin-top:20px
}
#about{
position:relative;
display:block
}
#about .about-child{
position:relative;
float:left;
background:#00aeef;
margin-right:20px
}
#about .about-child:last-child{
margin-right:0
}
#about .about-child .bottom-label{
position:absolute;
height:25px;
width:100%;
bottom:0;
background:#00a1dd
}
#about .about-child .top-label{
position:absolute;
height:25px;
width:100%;
top:0;
background:#20bffa
}
#about .about-child .top-label .top-square{
position:absolute;
height:25px;
width:25px;
top:0;
right:0;
background:url(http://divadel.ru/images/icons/about-small.png) no-repeat #00a1dd center
}
#about-text .about-me{
position:relative
}
#about-text .about-me h2{
background-color:#20bffa;
padding:10px;
font-size:20px;
line-height:26px;
-webkit-transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out
}
#about-text .about-me span{
padding: 10px;
line-height: 1.3em;
color: #fff
}
#about-info{
position:relative;
float:left
}
.personal-info{
width:260px
}
.personal-info li{
background-color:#00aeef;
padding:12px 12px;
height:21px;
margin-bottom:20px;
overflow:hidden;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out
}
.personal-info li:hover{
background-color:#20bffa;
}
.personal-info li label{
color:#fff;
float:left;
font-weight:400;
padding:16px 13px;
background-color:#20bffa;
font-size:15px;
margin:-13px 12px 0 -12px
}
.personal-info li span{
color:#fff;
line-height:20px;
margin-top:1px
}
#portfolio{
position:relative;
}
#portfolio .portfolio-child{
position:relative;
display: block;
margin-bottom:20px;
background:darkseagreen;
overflow:hidden;
float:left
}
#portfolio .portfolio-child:nth-child(2),#portfolio .portfolio-child:nth-child(5){
margin:0 20px
}
#portfolio .portfolio-child .plate{
position:absolute;
bottom:-200px;
height:260px;
width:100%;
background:rgba(108,190,66,.90);
-webkit-transition:all 0.9s;
-moz-transition:all 0.9s;
-o-transition:all 0.9s
}
#portfolio .portfolio-child:hover .plate{
bottom:0
}
#portfolio .portfolio-child img{
width:260px;
height:260px;
-webkit-transition:all 1.2s;
-moz-transition:all 1.2s;
-o-transition:all 1.2s
}
#portfolio .portfolio-child:hover img{
width:280px;
height:280px;
margin:-10px;
}
.portfolio-child .plate .text-title h2:before{
content:url(http://divadel.ru/images/icons/portfolio_smaller.png);
float: left;
}
.portfolio-child .plate .text-title h2{
display: block;
position:relative;
font-size:20px;
line-height: 1.4em
}
.portfolio-child .plate .text-wrap{
display: block;
position:relative;
padding:10px;
}
#resume .resume-child{
position:relative;
background:#f3a231;
float:left;
margin-right:20px;
height:310px
}
#resume .resume-child:last-child{
margin-right:0
}
#resume{
position:relative;
display:block
}
#resume ul{
position:relative
}
#resume h2{
padding:10px;
font-size:20px;
line-height:26px;
color:#fff;
background:#ffb141;
position:relative
}
#work{
margin-top:10px;
height:250px;
position:relative;
overflow:auto
}
#work .work-header{
margin-bottom:10px;
background:url(http://divadel.ru/images/icons/resume_smaller.png) no-repeat 10px 10px;
background-size:36px 36px
}
#work h3{
margin-left:3px;
color:#fff;
padding:10px 10px 10px 45px;
font-size:16px;
font-weight:400
}
#work .date{
font-size:18px;
background:#fff;
color:#404040;
float:right;
margin-top:-30px;
padding:5px;
font-family:'Open sans',sans-serif
}
#work span{
font-weight:400;
margin-left:49px;
margin-top:-7px;
color:#fee0b7
}
#work p{
padding:0 10px;
margin-bottom:10px;
width:500px
}
#skills{
height:250px;
position:relative;
overflow:auto
}
#skills ul li{
margin:5px 10px;
background:#e19323
}
#skills ul li:first-child{
margin-top: 10px
}
#skills span{
background:#fff;
padding:14px 0 14px 10px;
font-weight:400
}
#skills .rate{
float:right;
margin-right:10px;
font-weight:400;
color:#404040;
font-size:14px
}
#skills .c100{
width:100%
}
#skills .c90{
width:90%
}
#skills .c80{
width:80%
}
#skills .c70{
width:70%
}
#skills .c60{
width:60%
}
#skills .c50{
width:50%
}
#skills .c40{
width:40%
}
#skills .c30{
width:30%
}
#skills .c20{
width:20%
}
#skills .c10{
width:10%
}
#map{
position:relative;
width:100%;
height:300px
}
#contacts{
position:relative;
display:block;
clear:both
}
#contacts .contacts-child{
position:relative;
float:left;
background:#404040;
margin-right:20px;
height:332px
}
#contacts #contacts-map{
background:none;
margin-bottom:20px;
width:810px;
height:300px;
border:5px solid #555555;
border-left:5px solid #404040;
border-right:5px solid #404040;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out
}
#contacts .contacts-child:last-child{
margin-right:0
}
#contacts h2{
position: relative;
padding:10px;
font-size:20px;
line-height:26px;
color:#fff;
background:#555555;
}
#contacts-info label{
font-size:14px
}
#contacts-info ul{
margin: 10px
}
#contacts-info li{
display:block;
color:#fff;
font-family:'Open sans',sans-serif;
font-size:14px;
line-height: 1.5em;
margin-bottom:15px;
}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{
outline:none
}
.slides,.flex-control-nav,.flex-direction-nav{
margin:0;
padding:0;
list-style:none
}
.flexslider{
margin:0;
padding:0
}
.flexslider .slides > li{
display:none;
-webkit-backface-visibility:hidden
}
.flexslider .slides img{
width:100%;
display:block
}
.flex-pauseplay span{
text-transform:capitalize
}
.slides:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
html[xmlns] .slides{
display:block
}
* html .slides{
height:1%
}
.no-js .slides > li:first-child{
display:block
}
.flexslider{
margin:0 0 60px;
background:#fff;
position:relative;
zoom:1
}
.flex-viewport{
max-height:2000px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
transition:all 1s ease
}
.loading .flex-viewport{
max-height:300px
}
.flexslider .slides{
zoom:1
}
.carousel li{
margin-right:5px
}
.flex-direction-nav{
*height:0
}
.flex-direction-nav a{
width:30px;
height:30px;
margin:-20px 0 0;
display:block;
background:url(http://divadel.ru/images/bg_direction_nav.png)  no-repeat 0 0;
background-color:#fff;
position:absolute;
top:50%;
z-index:10;
cursor:pointer;
text-indent:-9999px;
opacity:0;
-webkit-transition:all .3s ease
}
.flex-direction-nav .flex-next{
background-position:100% 0;
right:-15px;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out
}
.flex-direction-nav .flex-prev{
left:-15px;
background-position:0 100%;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out
}
.flexslider:hover .flex-next{
opacity:1;
right:10px
}
.flexslider:hover .flex-prev{
opacity:1;
left:10px
}
.flexslider:hover .flex-next:hover{
background-color:#00aeef;
background-position:0 0
}
.flexslider:hover .flex-prev:hover{
background-color:#00aeef;
background-position:100% 100%
}
.flex-direction-nav .flex-disabled{
opacity:.3!important;
filter:alpha(opacity=30);
cursor:default
}
.flex-control-nav{
width:100%;
position:absolute;
bottom:-21px;
text-align:center;
z-index:2
}
.flex-control-nav li{
margin:0 6px;
display:inline-block;
zoom:1;
*display:inline
}
.flex-control-paging li a{
width:11px;
height:11px;
display:block;
background:#666;
background:rgba(0,0,0,0.5);
cursor:pointer;
text-indent:-9999px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;
border-radius:20px;
box-shadow:inset 0 0 3px rgba(0,0,0,0.3)
}
.flex-control-paging li a:hover{
background:#333;
background:rgba(0,0,0,0.7)
}
.flex-control-paging li a.flex-active{
background:#000;
background:rgba(0,0,0,0.9);
cursor:default
}
.flex-control-thumbs{
margin:5px 0 0;
position:static;
overflow:hidden
}
.flex-control-thumbs li{
width:25%;
float:left;
margin:0
}
.flex-control-thumbs img{
width:100%;
display:block;
opacity:.7;
cursor:pointer
}
.flex-control-thumbs img:hover{
opacity:1
}
.flex-control-thumbs .flex-active{
opacity:1;
cursor:default
}
@media screen and (max-width:860px){
.flex-direction-nav .flex-prev{
opacity:1;
left:0
}
.flex-direction-nav .flex-next{
opacity:1;
right:0
}
}
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{
padding:0;
margin:0;
border:0;
outline:none;
vertical-align:top
}
.fancybox-wrap{
position:absolute;
top:0;
left:0;
z-index:8020
}
.fancybox-skin{
position:relative;
background:#f9f9f9;
color:#444;
text-shadow:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.fancybox-opened{
z-index:8030
}
.fancybox-opened .fancybox-skin{
-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
box-shadow:0 10px 25px rgba(0,0,0,0.5)
}
.fancybox-outer,.fancybox-inner{
position:relative
}
.fancybox-inner{
overflow:hidden
}
.fancybox-type-iframe .fancybox-inner{
-webkit-overflow-scrolling:touch
}
.fancybox-error{
color:#444;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:15px;
white-space:nowrap
}
.fancybox-image,.fancybox-iframe{
display:block;
width:100%;
height:100%
}
.fancybox-image{
max-width:100%;
max-height:100%
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{
background-image:url('fancybox_sprite.png')
}
#fancybox-loading{
position:fixed;
top:50%;
left:50%;
margin-top:-22px;
margin-left:-22px;
background-position:0 -108px;
opacity:0.8;
cursor:pointer;
z-index:8060
}
#fancybox-loading div{
width:44px;
height:44px;
background:url('fancybox_loading.gif') center center no-repeat
}
.fancybox-close{
position:absolute;
top:-18px;
right:-18px;
width:36px;
height:36px;
cursor:pointer;
z-index:8040
}
.fancybox-nav{
position:absolute;
top:0;
width:40%;
height:100%;
cursor:pointer;
text-decoration:none;
background:transparent url('blank.gif');
-webkit-tap-highlight-color:rgba(0,0,0,0);
z-index:8040
}
.fancybox-prev{
left:0
}
.fancybox-next{
right:0
}
.fancybox-nav span{
position:absolute;
top:50%;
width:36px;
height:34px;
margin-top:-18px;
cursor:pointer;
z-index:8040;
visibility:hidden
}
.fancybox-prev span{
left:10px;
background-position:0 -36px
}
.fancybox-next span{
right:10px;
background-position:0 -72px
}
.fancybox-nav:hover span{
visibility:visible
}
.fancybox-tmp{
position:absolute;
top:-99999px;
left:-99999px;
visibility:hidden;
max-width:99999px;
max-height:99999px;
overflow:visible!important
}
.fancybox-lock{
overflow:hidden
}
.fancybox-overlay{
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:8010;
background:url('fancybox_overlay.png')
}
.fancybox-overlay-fixed{
position:fixed;
bottom:0;
right:0
}
.fancybox-lock .fancybox-overlay{
overflow:auto;
overflow-y:scroll
}
.fancybox-title{
visibility:hidden;
font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position:relative;
text-shadow:none;
z-index:8050
}
.fancybox-opened .fancybox-title{
visibility:visible
}
.fancybox-title-float-wrap{
position:absolute;
bottom:0;
right:50%;
margin-bottom:-35px;
z-index:8050;
text-align:center
}
.fancybox-title-float-wrap .child{
display:inline-block;
margin-right:-100%;
padding:2px 20px;
background:transparent;
background:rgba(0,0,0,0.8);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-shadow:0 1px 2px #222;
color:#FFF;
font-weight:bold;
line-height:24px;
white-space:nowrap
}
.fancybox-title-outside-wrap{
position:relative;
margin-top:10px;
color:#fff
}
.fancybox-title-inside-wrap{
padding-top:10px
}
.fancybox-title-over-wrap{
position:absolute;
bottom:0;
left:0;
color:#fff;
padding:10px;
background:#000;
background:rgba(0,0,0,.8)
}
.mCSB_container{
width:auto;
margin-right:30px;
overflow:hidden
}
.mCSB_container.mCS_no_scrollbar{
margin-right:0
}
.mCS_disabled .mCSB_container.mCS_no_scrollbar,.mCS_destroyed .mCSB_container.mCS_no_scrollbar{
margin-right:30px
}
.mCustomScrollBox .mCSB_scrollTools{
width:16px;
height:100%;
top:0;
right:0
}
.mCSB_scrollTools .mCSB_draggerContainer{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
height:auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
margin:20px 0
}
.mCSB_scrollTools .mCSB_draggerRail{
width:2px;
height:100%;
margin:0 auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.mCSB_scrollTools .mCSB_dragger{
cursor:pointer;
width:100%;
height:30px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
height:100%;
margin:0 auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
text-align:center
}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{
display:block;
position:relative;
height:20px;
overflow:hidden;
margin:0 auto;
cursor:pointer
}
.mCSB_scrollTools .mCSB_buttonDown{
top:100%;
margin-top:-40px
}
.mCSB_horizontal .mCSB_container{
height:auto;
margin-right:0;
margin-bottom:30px;
overflow:hidden
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
margin-bottom:0
}
.mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,.mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
margin-right:0;
margin-bottom:30px
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
width:100%;
height:16px;
top:auto;
right:auto;
bottom:0;
left:0;
overflow:hidden
}
.mCSB_horizontal .mCSB_scrollTools a+.mCSB_draggerContainer{
margin:0 20px
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:2px;
margin:7px 0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
width:30px;
height:100%
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
display:block;
position:relative;
width:20px;
height:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
float:left
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
margin-left:-40px;
float:right
}
.mCustomScrollBox{
-ms-touch-action:none
}
.mCustomScrollBox>.mCSB_scrollTools{
opacity:0.75
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
opacity:1
}
.mCSB_scrollTools .mCSB_draggerRail{
background:#000;
background:rgba(0,0,0,0.4);
filter:"alpha(opacity=40)";
-ms-filter:"alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#fff;
background:rgba(255,255,255,0.75);
filter:"alpha(opacity=75)";
-ms-filter:"alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
filter:"alpha(opacity=85)";
-ms-filter:"alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
filter:"alpha(opacity=90)";
-ms-filter:"alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{
background-image:url(mCSB_buttons.png);
background-repeat:no-repeat;
opacity:0.4;
filter:"alpha(opacity=40)";
-ms-filter:"alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position:0 0
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position:0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position:0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position:0 -56px
}
.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{
opacity:0.75;
filter:"alpha(opacity=75)";
-ms-filter:"alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active{
opacity:0.9;
filter:"alpha(opacity=90)";
-ms-filter:"alpha(opacity=90)"
}
.mCS-dark .mCSB_scrollTools .mCSB_draggerRail{
background:#000;
background:rgba(0,0,0,0.15)
}
.mCS-dark .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#000;
background:rgba(0,0,0,0.75)
}
.mCS-dark .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85)
}
.mCS-dark .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9)
}
.mCS-dark .mCSB_scrollTools .mCSB_buttonUp{
background-position:-80px 0
}
.mCS-dark .mCSB_scrollTools .mCSB_buttonDown{
background-position:-80px -20px
}
.mCS-dark .mCSB_scrollTools .mCSB_buttonLeft{
background-position:-80px -40px
}
.mCS-dark .mCSB_scrollTools .mCSB_buttonRight{
background-position:-80px -56px
}
.mCS-light-2 .mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#fff;
background:rgba(255,255,255,0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px
}
.mCS-light-2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
background:#fff;
background:rgba(255,255,255,0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px
}
.mCS-light-2.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0
}
.mCS-light-2.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto
}
.mCS-light-2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85)
}
.mCS-light-2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9)
}
.mCS-light-2 .mCSB_scrollTools .mCSB_buttonUp{
background-position:-32px 0
}
.mCS-light-2 .mCSB_scrollTools .mCSB_buttonDown{
background-position:-32px -20px
}
.mCS-light-2 .mCSB_scrollTools .mCSB_buttonLeft{
background-position:-40px -40px
}
.mCS-light-2 .mCSB_scrollTools .mCSB_buttonRight{
background-position:-40px -56px
}
.mCS-dark-2 .mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#000;
background:rgba(0,0,0,0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px
}
.mCS-dark-2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
background:#000;
background:rgba(0,0,0,0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px
}
.mCS-dark-2.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0
}
.mCS-dark-2.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto
}
.mCS-dark-2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85)
}
.mCS-dark-2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9)
}
.mCS-dark-2 .mCSB_scrollTools .mCSB_buttonUp{
background-position:-112px 0
}
.mCS-dark-2 .mCSB_scrollTools .mCSB_buttonDown{
background-position:-112px -20px
}
.mCS-dark-2 .mCSB_scrollTools .mCSB_buttonLeft{
background-position:-120px -40px
}
.mCS-dark-2 .mCSB_scrollTools .mCSB_buttonRight{
background-position:-120px -56px
}
.mCS-light-thick .mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#fff;
background:rgba(255,255,255,0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.mCS-light-thick .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
background:#fff;
background:rgba(255,255,255,0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.mCS-light-thick.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0
}
.mCS-light-thick.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:6px;
margin:5px auto
}
.mCS-light-thick .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85)
}
.mCS-light-thick .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9)
}
.mCS-light-thick .mCSB_scrollTools .mCSB_buttonUp{
background-position:-16px 0
}
.mCS-light-thick .mCSB_scrollTools .mCSB_buttonDown{
background-position:-16px -20px
}
.mCS-light-thick .mCSB_scrollTools .mCSB_buttonLeft{
background-position:-20px -40px
}
.mCS-light-thick .mCSB_scrollTools .mCSB_buttonRight{
background-position:-20px -56px
}
.mCS-dark-thick .mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#000;
background:rgba(0,0,0,0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.mCS-dark-thick .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
background:#000;
background:rgba(0,0,0,0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.mCS-dark-thick.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0
}
.mCS-dark-thick.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:6px;
margin:5px auto
}
.mCS-dark-thick .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85)
}
.mCS-dark-thick .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9)
}
.mCS-dark-thick .mCSB_scrollTools .mCSB_buttonUp{
background-position:-96px 0
}
.mCS-dark-thick .mCSB_scrollTools .mCSB_buttonDown{
background-position:-96px -20px
}
.mCS-dark-thick .mCSB_scrollTools .mCSB_buttonLeft{
background-position:-100px -40px
}
.mCS-dark-thick .mCSB_scrollTools .mCSB_buttonRight{
background-position:-100px -56px
}
.mCS-light-thin .mCSB_scrollTools .mCSB_draggerRail{
background:#fff;
background:rgba(255,255,255,0.1)
}
.mCS-light-thin .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:2px
}
.mCS-light-thin.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
width:100%
}
.mCS-light-thin.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:2px;
margin:7px auto
}
.mCS-dark-thin .mCSB_scrollTools .mCSB_draggerRail{
background:#000;
background:rgba(0,0,0,0.15)
}
.mCS-dark-thin .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:2px;
background:#000;
background:rgba(0,0,0,0.75)
}
.mCS-dark-thin.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
width:100%
}
.mCS-dark-thin.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:2px;
margin:7px auto
}
.mCS-dark-thin .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85)
}
.mCS-dark-thin .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9)
}
.mCS-dark-thin .mCSB_scrollTools .mCSB_buttonUp{
background-position:-80px 0
}
.mCS-dark-thin .mCSB_scrollTools .mCSB_buttonDown{
background-position:-80px -20px
}
.mCS-dark-thin .mCSB_scrollTools .mCSB_buttonLeft{
background-position:-80px -40px
}
.mCS-dark-thin .mCSB_scrollTools .mCSB_buttonRight{
background-position:-80px -56px
}
@media screen and (max-width: 768px){
#wrap{
position:relative;
max-width:260px;
margin:0 auto;
padding-top:70px
}
body{
background:url(http://divadel.ru/images/background/bcg_480.jpg) repeat;
background-size:100% auto
}
.fade-item{
display:block;
opacity:1.0
}
.clearfix:after{
content:none
}
#menu{
position:relative;
height:120px
}
#menu-items{
position:relative;
width:280px
}
#menu-items .menu-item{
margin-top:20px
}
#about .about-child{
margin-top:20px
}
#portfolio .portfolio-child{
margin-top:20px;
margin-bottom:0
}
#resume .resume-child{
margin-top:20px
}
#contacts .contacts-child{
margin-top:20px
}
#about-info{
margin-top:20px
}
#portfolio{
width:280px
}
#work{
width:260px
}
#work p{
width:220px;
margin-top:30px
}
#work ul li{
width:260px
}
#work date{
font-size:12px;
float:left;
margin:5px 0 0 30px
}
#contacts #contacts-map{
width:250px;
margin-bottom:0
}
.clear-2{
width:260px
}
#contacts-form h2{
width:250px
}
.input{
width:235px
}
.textarea{
width:235px
}
#submit{
margin-left:45px
}
.flex-direction-nav .flex-next{
opacity:1;
right:10px
}
.flex-direction-nav .flex-prev{
opacity:1;
left:10px
}
}